<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>EasyShare-实用网站</title>
    <link rel="icon" href="/favicon.ico" th:href="@{/favicon.ico}" sizes="32x32">
    <link href="/css/main/bootstrap.min.css" th:href="@{/css/main/bootstrap.min.css}" rel="stylesheet">
    <link href="/css/main/index-style.css" th:href="@{/css/main/index-style.css}" rel="stylesheet">
    <link href="/css/main/index-nprogress.css" th:href="@{/css/main/index-nprogress.css}" rel="stylesheet">
    <link href="/css/main/sidebar-canvi.css" th:href="@{/css/main/sidebar-canvi.css}" rel="stylesheet">
    <!--[if lt IE 9]>
    <script src="/js/html5shiv.min.js" type="text/javascript"></script>
    <script src="/js/respond.min.js" type="text/javascript"></script>
    <script src="/js/selectivizr-min.js" type="text/javascript"></script>
    <![endif]-->
    <!--    <link rel="apple-touch-icon-precomposed" href="images/icon/icon.png">
        <link rel="shortcut icon" href="images/icon/favicon.ico">-->
    <meta name="Keywords" content=""/>
    <meta name="description" content=""/>
    <script type="text/javascript">
        //判断浏览器是否支持HTML5
        /*window.onload = function () {
            if (!window.applicationCache) {
                window.location.href = "ie.html";
            }
        }*/
    </script>
</head>

<body>
<input type="hidden" th:value="${tip}" id="myTip">
<div th:replace="~{commons/sidebar :: sidebar}"></div>
<section class="container user-select">
    <div th:replace="~{commons/leftbar :: leftbar}"></div>
    <!--/超小屏幕可见-->
    <div class="content-wrap"><!--内容-->
        <div class="content">
            <div class="content-block friendly-content row">
                <h2 class="title"><strong>实用链接</strong></h2>
                <div class="col-md-4 col-xs-6" th:each="web:${webs}">
                    <span data-toggle="tooltip" title="点击进入">
                    <a th:href="${web.getWebhref()}" th:text="${web.getWebname()}"
                       target="_blank">WebName</a></span>
                    <p th:text="${web.getWebintroduce()}" style="text-align: center">Introduce</p>
                </div>
            </div>
            <div class="content-block about-content" style="padding-top: 10%">
                <h2 class="title"><strong>关于网站提交</strong></h2>
                <p>EasyShare的实用网站为站内用户提供力所能及的便利，页面会加载六个实用网站供本站用户浏览</p>
                <p>大家如果有好的网站平台的话请不要吝啬，欢迎前来提交！</p>
                <p>如果有什么疑问或者需要提交的请使用下方联系方式，或者留言来告诉我，收到后第一时间回复。也可以在下方进行提交，但需要等待审核，审核时长大概为一个工作日。</p>
            </div>
            <div class="content-block contact-content">
                <h2 class="title"><strong>站长信息</strong></h2>
                <p><span>站长QQ：</span><a href="tencent://message/?uin=2638898550\">2638898550</a></p>
                <p><span>站长信箱：</span><a href="mailto:13526160083@163.com">13526160083@163.com</a></p>
                <p><span>交流群：</span><a href="#">暂无</a></p>
            </div>
            <div class="content-block comment">
                <h2 class="title"><strong>添加网站</strong></h2>
                <form action="/practical/add" method="post" class="form-inline" id="practicalWeb-from">
                    <div class="comment-title">
                        <div class="form-group">
                            <label for="messageName">网站名：</label>
                            <input type="text" name="webname" class="form-control" id="messageName"
                                   placeholder="EasyShare">
                        </div>
                        <div class="form-group">
                            <label for="messageEmail">链接：</label>
                            <input type="text" name="webhref" class="form-control" id="messageEmail"
                                   placeholder="http://www.xxx.com">
                        </div>
                        <input type="hidden" name="webaddby" th:value="${session.user?.getUserid()}">
                    </div>
                    <div class="comment-form">
                        <textarea placeholder="在此处填写网站介绍" name="webintroduce"></textarea>
                        <div class="comment-form-footer" th:if="${session.user eq null}">
                            <div class="comment-form-text" style="color: red;font-weight: bolder">请先 <a
                                    href="/login">登录</a>，然后才可以进行提交
                            </div>
                            <div class="comment-form-btn">
                                <button type="button" class="btn btn-default btn-comment">提交留言</button>
                            </div>
                        </div>
                        <div class="comment-form-footer" th:if="${session.user ne null}">
                            <div class="comment-form-text" style="color: deepskyblue;font-weight: bolder">您将以<span
                                    th:text="${session.user.getUsername()}" style="color: green"></span>的身份进行提交
                            </div>
                            <div class="comment-form-btn">
                                <button type="submit" class="btn btn-default btn-comment">提交留言</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!--/内容-->
    <div th:replace="~{commons/rightbar :: rightbar}"></div>
    <!--/右侧>992px显示-->
    <footer th:replace="~{commons/footer :: footer}"></footer>
</section>
<div><a href="javascript:;" class="gotop" style="display:none;"></a></div>
<!--/返回顶部-->
<script src="/js/jquery-3.1.1.min.js" type="text/javascript" th:src="@{/js/jquery-3.1.1.min.js}"></script>
<script src="/js/main/bootstrap.min.js" type="text/javascript" th:src="@{/js/main/bootstrap.min.js}"></script>
<script src="/js/main/nprogress.js" type="text/javascript" th:src="@{/js/main/nprogress.js}"></script>
<script src="/js/main/index-code.js" type="text/javascript" th:src="@{/js/main/index-code.js}"></script>
<script type="text/javascript">
    $("#comment").css({"display": "none", "z-index": "0"});
</script>
</body>
</html>
